@charset "utf-8";
/* CSS Document */
html,body {
	height: auto;
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-family: "微软雅黑","arial", "Helvetica", "Helvetica Neue";
	color: #000;
	line-height: 1.5;
	text-align: center;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

input,textarea {
	font-family: "微软雅黑","arial", "Helvetica", "Helvetica Neue";
	color: #1b1c20;outline:none;
}
input:focus,textarea:focus { outline: none; }
ul,li {	list-style: none;	padding: 0;	margin: 0;}

h1,h2,h3,h4,h5,h6,p,dl,dd,dt {	margin: 0;	padding: 0;}

a {	text-decoration: none;	color: #000;}
a:hover {	color: #dc000c;	text-decoration: none;}
a img {	border: 0;}

input::-webkit-input-placeholder {	color: #cecece;}
input::-moz-placeholder {	color: #cecece;}
input:-ms-input-placeholder {	color: #cecece;}
.font60 { font-size: 60px;}
.font46 { font-size: 46px;}
.font38 { font-size: 38px;}
.font36 { font-size: 36px;}
.font34 { font-size: 34px;}
.font32 { font-size: 32px;}
.font30 { font-size: 30px;}
.font28 { font-size: 28px;}
.font26 { font-size: 26px;}
.font24 { font-size: 24px;}
.font22 { font-size: 22px;}
.font21 { font-size: 21px;}
.font20 { font-size: 20px;}

.font18 { font-size: 18px;}
.font16 { font-size: 16px;}
.font14 { font-size: 14px;}
.font13 { font-size: 13px;}
.font12 { font-size: 12px;}

.wrap { padding-top: 90px; min-width: 1200px; overflow: hidden;}
.con {width: 1200px;  margin: 0 auto; overflow: hidden;}
@media only screen and (max-width:828px) {
.font60 { font-size: 42px;}
.font46 { font-size: 40px;}
.font36 { font-size: 30px;}
.font34 { font-size: 28px;}
.font32 { font-size: 26px;}
.font30 { font-size: 24px;}
.font28 { font-size: 24px;}
.font26 { font-size: 22px;}
.font24 { font-size: 20px;}
.font22 { font-size: 20px;}
.font21 { font-size: 20px;}
.font20 { font-size: 18px;}

.font18 { font-size: 16px;}
.font16 { font-size: 16px;}
.font14 { font-size: 13px;}
.font13 { font-size: 12px;}
.font12 { font-size: 12px;}

}


@media only screen and (max-width:768px) {
    .font60 { font-size: 40px;}
	.con {margin: 0 1em; width: auto;}
}


/*头部*/
.headerW {position: fixed; z-index: 500; left: 0; top: 0; width: 100%;	
height: 98px;  transition: all 1s; background-color: #fff;
-moz-box-shadow: 0 3px 4px rgb(0 0 0 / 10%);
-webkit-box-shadow: 0 3px 4px rgb(0 0 0 / 10%);
box-shadow: 0 3px 4px rgb(0 0 0 / 10%);}

.header { height: 100%; margin: 0 auto; }
.header .con {height: 100%;
 display: flex; justify-content:space-between; align-items: center;}
.header .logo {}
.header .logo img {	display: block;	 width:100%; height:auto; transition: all 1s;}

@media only screen and (max-width:828px) {
.headerW { height: 70px;transition: all 0s;}
.header { width: 100%; justify-content: space-between;}
.header .logo { width: 76.8%;}
.header .tel { display: none;}
}

/*头部导航*/
.navW { flex: 1;}
.nav { }
.nav>ul {
display: flex; justify-content: flex-end; align-items: flex-start;}
.nav>ul>li {
	position: relative; font-size: 18px;
	z-index: 100; overflow: hidden;
	cursor: pointer; padding: 0 0.56em;
}
.nav>ul>li:first-child { padding-right: 1.5em;}
.nav>ul>li:last-child { padding-right: 0;}
.nav>ul>li>a,.nav>ul>li>span {
	position: relative;
	z-index: 0; height: 5.44em;
	line-height: 5.44em; display: block; cursor: pointer;
	padding: 0 0.56em; color: #000;
}
.nav>ul>li>a::after {content: ""; display: block;  transition: all 0.5s;
  position: absolute; bottom: 0; left: 50%; right: auto;
  height: 4px; width: 0; background-color: #ee1b1a ;}
.nav>ul>li:hover>a { color: #000;}
.nav>ul>li:hover>a::after { width: 100%;left:0 }
.nav>ul>li.cur>a::after { width: 100%;left:0 }
.nav>ul>li>a>div { transition: all 0.5s;
    transform: translate(0,0);
	-ms-transform: translate(0,0);
	-webkit-transform: translate(0,0);}
.nav>ul>li:hover>a>div:nth-child(2) { color: #ee1b1a;}
.nav>ul>li:hover>a>div{
	transform: translate(0,-4.6em);
	-ms-transform: translate(0,-4.6em);
	-webkit-transform: translate(0,-4.6em);
}

@media only screen and (max-width:1560px) {
.nav>ul>li { padding: 0 1.1vw;}
.nav>ul>li>a,.nav>ul>li>span {	padding: 0 0; }
}
@media only screen and (max-width:1300px) {
	.navW {  font-size: 14px;}
}
@media only screen and (max-width:1200px) {
	.header .tel { font-size: 18px;}
}
@media only screen and (max-width:1050px) {
	.nav>ul>li { padding: 0 0.6vw;}
}
@media only screen and (max-width:950px) {
	.navW {  font-size: 12px;}
	.nav>ul>li { padding: 0 0.5vw;}
}


.nav .sub_nav {
	display: none;
	position: absolute;
	top: 5em;
	left: 50%; margin-left: -8em;  width: 16em;
	text-align: left;
	background: rgba(255,255,255,0.95); font-size: 0.9em;
	-moz-box-shadow:0 10px 10px rgba(0, 0, 0, .08);
	-webkit-box-shadow:0 10px 10px rgba(0, 0, 0, .08);
	box-shadow:0 10px 10px rgba(0, 0, 0, .08);
	font-size: 14px;
}
.nav .sub_nav li {  line-height: 3em; height: 3em; overflow: hidden;
 border-top:1px solid #eee;  }
.nav .sub_nav li a {color: #7d7d7d; padding: 0 2em 0 1em; display: block; position: relative; z-index: 0;}
.nav .sub_nav li a:hover { font-weight: bold;color: #DC000C;}
.nav .sub_nav li a:hover::after { content: ""; display: block;
position: absolute; top: 50%; margin-top: -0.4em; right: 1em; width: 0.8em; height: 0.8em; 
background: url(../images/arr_2_red.png) right center no-repeat;
background-size:contain;}
.navM { display: none}
.header .c-switch {
  display: none; 
  cursor: pointer; width: 40px; height: 40px;
  background:#009241 url(../images/menu.png) center center no-repeat;
  background-size:50% auto;
}

@media only screen and (max-width:828px) {
.header .c-switch {  display: block;}
.navW { display: none;}
.navM {
	position: fixed;
	z-index: 400;
	right: 0;
	left: 0;
	top: 70px;
	overflow-y: auto;
	background-color: rgba(0,0,0,0.5);
	display: none;
	font-size: 16px;
	line-height: 2.8;
	text-align: left;
	overflow-y: auto;
}
.navM ul{position: relative; z-index: 0; padding-bottom: 2.6em; background-color: rgba(0,0,0,0.8);}
.navM li { padding: 0 5%; border-bottom:1px solid #696969; position: relative; z-index: 0;}
.navM ul ul { height: 0; overflow: hidden; 
transition: height 2s}
.navM ul li .n_title { position: relative; z-index: 0; display: flex; 
justify-content: space-between; align-items: center; }
.navM ul li .n_title a { display: inline-block;}
.navM a { color: #fff; display: block;}
.navM a:hover { color: #ffff;}
.navM .sub_nav { color: #979797;}
.navM .sub_nav ul { }
.navM .sub_nav li { line-height: 2; border-top:0 ;}
.navM .sub_nav a { color: #979797;}
.navM .sub_nav a:hover { color: #979797;}
/* .navM li .arrow { position: absolute; top: 50%; margin-top: -0.4em; right: 0; height: 0.8em; width: 0.8em;
background: url(../images/arr_1_gray.png) right center no-repeat;
background-size:0.8em auto;}

.navM li.show .arrow {transform: rotate(180deg);
-ms-transform: rotate(180deg); 
-webkit-transform: rotate(180deg);
background-position: center center;} */
.navM li.show ul { height: auto;padding: 0 0 1em}
 }
 .navM .btnHidden { position: absolute; bottom: -17px;
  left: 50%; margin-left: -20px; width: 40px; height: 40px;
 background: url(../images/arr.png) center center no-repeat; 
 background-size:contain ;}

/*banner*/
.banner { position: relative; z-index: 0;
 height: 350px; width: 100%;overflow: hidden;
 }
.banner img {position: absolute; z-index: 0; 
display: block; width: 100%; height: 100%; object-fit: cover; overflow: hidden;
left: 0; top: 0;}
@media only screen and (max-width:1400px) {
.banner { height: 25vw;}
}
@media only screen and (max-width:828px) {
.banner { height: 28vw;}
}

.posiBox {background-color: #eef2f5;}
.posiBox .con { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.posiBox .subNav { margin-right: 3em;}
.posiBox .subNav ul { display: flex; justify-content: flex-start; align-items: stretch;}
.posiBox .subNav li {  }
.posiBox .subNav a { position: relative; z-index: 0; color: #333; padding: 0 2em; line-height: 5; height: 5em; overflow: hidden; display: block;}
.posiBox .subNav a:hover { color: #009241;}
.posiBox .subNav a::before { position: absolute; left: 0; margin-top: -0.5em; top: 50%; height: 1em;
width: 1px; background-color: #cccccc; display: block; content: "";}
.posiBox .subNav li:first-child a::before { display: none;}
.posiBox .subNav a::after { transition: all 0.5s; display: block; content: ""; 
position: absolute; bottom: 0; left: 50%; height: 3px; width: 0; background-color: #009241;}
.posiBox .subNav a:hover::after { width: 100%; left: 0;}

.position { text-align: left; color: #555; text-align: left; padding: 1.8em 0 1.7em;}
.position a {display: inline-block; color: #555;}
.position a:hover {color: #555;}
.position .icon { width: 1.4em; height: 1.4em; position: relative; z-index: 0;
 top: -0.1em; margin-right: 0.2em;
 display: inline-block; vertical-align: middle;
background: url(../images/home.png) no-repeat center center / contain;}
@media only screen and (max-width:828px) {
	.posiBox .con { display: block;}
	.posiBox .subNav { margin-right:0;}
	.posiBox .subNav ul{ flex-wrap: wrap;  }
	.posiBox .subNav li {  width: 33.3%; }
	.posiBox .subNav a{ padding: 0;}
	.position { font-size: 0.9em; border-top:1px solid #dddddd ;}
}

.moreBtn { padding: 1px 3.7em 0 2em; margin: 2.7em auto 0; background-color: #ee1b1a;
font-size: 18px; font-weight: bold;
 line-height: 2.8; color: #fff; border: 1px solid #ee1b1a; display: inline-block;
 transition: all 0.5s;}
.moreBtn:hover {color: #ee1b1a; background-color: #fff; }
.moreBtn::before { content: ""; display: inline-block; vertical-align: middle;
width: 3.5em; height: 1em;  margin-right: 2.5em;
background: url(../images/dot.png) center center no-repeat;
background-size:contain ; position: relative; top: -1px;}
.moreBtn:hover::before {
	background-image:url(../images/dot_red.png) ;
}
 


/*底部*/
.footer { background: #58595b;text-align: left;color: #fefefe;}

.footer .ftxt { 
display: flex; justify-content: space-between; align-items:stretch;}


.footer dl { padding: 4.3em 0 1em;} 
.footer dt {font-size: 24px; line-height: 1.2; margin-bottom: 1.1em; margin-right: 1em;}
.footer a { color: #eaeaea;}
.footer a:hover {color: #ccc;}
.footer dd { font-size: 18px;  line-height: 1.7; }

.footer .btn { margin-top: 2em; color: #fff;}
.footer .btn:hover { color: #fff;}

.footer .fabout { width: 24.2%; margin-right: 2.4%;  
border-right:1px solid rgba(171,171,171,0.23)}
.footer .fabout dt { margin-bottom: 1.7em; font-size: 21px;}
.footer .fabout dd { line-height: 1.2; font-size: 16px; color: #e1e1e1;}

.footer .fnav { flex: 1; }

.footer .fpro {width: 30.9%;}

.footer .fadd { width: 24.5%;} 


.copyright { border-top:1px solid rgba(171,171,171,0.23)}
.copyright  .con { font-size: 15px;
  padding: 0.8em 0 0.7em;text-align: center; display: block;}

.btn { padding: 0.1em 1em 0 1.3em; display: inline-block; color: #fff; line-height: 2.2em;
background-color: #ee1b1a; font-size: 15px;}
.btn::after { margin-left: 0.3em; position: relative; z-index: 0; content: ""; 
vertical-align: middle; display: inline-block; width: 1.2em; height: 1.2em;
background: url(../images/arr_right.svg) center center no-repeat;
background-size:contain; top: -0.08em;}
.btn:hover { color: #fff;}

.btn2 { padding: 1px 0 0; width: 12em; display: inline-block; color: #353535; line-height: 3.3em;
 font-size: 13px; border: 2px solid #b5b5b5;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;}
.btn2:hover {border: 2px solid #f50f11; color: #fff; background-color: #f50f11;}

.btn3 {display: inline-block; color: #ee1b1a; font-style: italic;
 font-size: 26px; line-height: 1.8;}
.btn3::after { width: 1.7em; height: 2px; margin: 0 auto; content: ""; display: block; background-color: #ee1b1a;}